<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>疯狂奖学金</title>
	<link rel="stylesheet" type="text/css" href="css/zui.min.css">
	<link rel="stylesheet" type="text/css" href="css/web-up.css">
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
</head>
<body class="hidden-xs hidden-sm">
	<!--[if lt IE 9]>
    	<div class="alert alert-danger">您正在使用 <strong>过时的</strong> 浏览器. 是时候 <a href="http://browsehappy.com/">更换一个更好的浏览器</a> 来提升用户体验.</div>
  	<![endif]-->
<div class="set-q">
	<div class="top">
		<div class="container">
			<span>疯狂奖学金</span>
		</div>
	</div>
	<div class="container">
  		<div class="row">
  			<div class="col-xs-2">
  				<div class="menu">
  					<div class="head-img">
  						<img src="images/head-lz.png">
  						<p>马上赚</p>
  					</div>
  					<ul>
  						<li class="active"><a href=""><span class="set-que">我要出题</span></a></li>
  						<li><a href=""><span class="pend">待审核</span></a></li>
  						<li><a href=""><span class="shelves">已上架</span></a></li>
  						<li><a href=""><span class="shelf">已下架</span></a></li>
  						<li><a href=""><span class="draft">草稿箱</span></a></li>
  					</ul>
  				</div>
  			</div>
  			<div class="col-xs-10">
  				<div class="cont">
  					<div class="title">我要出题</div>
  					<form class="form-horizontal">
  						<div class="form-group">
					        <label class="col-xs-2 control-label required">题目</label>
					        <div class="col-xs-10">
					            <input type='text' name='title' id='title' value='' class='form-control' placeholder=''/>
					        </div>
				        </div>
				        <div class="form-group">
					        <label class="col-xs-2 control-label required">答题时间</label>
					        <div class="col-xs-10">
					            <div class="progress progress-striped active">
								  	<div class="progress-bar progress-bar-danger" role="progressbar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
										<img class="progress-icon" src="images/process-ico.png">
								  		<span class="sr-only">30秒</span>
								  	</div>
								</div>
					        </div>
				        </div>
				        <div class="form-group">
					        <label class="col-xs-2 control-label required">选择领域</label>
				        	<div class="col-xs-10">
				        		<div class="field">
					        		<span class="edit"></span>
						            <div class="box">
						            	<p class="pull-left">宏观经济：</p>
						            	<div>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            	</div>
						            </div>
						            <div class="box">
						            	<p class="pull-left">宏观经济：</p>
						            	<div>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            		<span>子分类</span>
						            	</div>
						            </div>
						        </div>

					        </div>
				        </div>
				        <div class="form-group">
					        <label class="col-xs-2 control-label required">题目内容</label>
				        	<div class="col-xs-10">
					            <textarea name='summary' id='summary' rows='2' class='form-control'></textarea>
					            <div class="file-img">
					            	<div><img src="images/up-fileimg.png"></div>
					            	<div class="up-btn"><img src="images/up-btn.png"></div>
					            </div>
					        </div>
				        </div>
				        <div class="form-group">
					        <label class="col-xs-2 control-label required">答案</label>
					        <div class="col-xs-10">
					        	<div class="input-group">
								  	<input type="text" class="form-control" placeholder="请输入第一项答案内容">
								  	<span class="input-group-addon correct">正确答案</span>
								</div>
					        	<div class="input-group">
								  	<input type="text" class="form-control" placeholder="请输入第二项答案内容">
								  	<span class="input-group-addon">设为正确答案</span>
								</div>
					        	<div class="input-group">
								  	<input type="text" class="form-control" placeholder="请输入第三项答案内容">
								  	<span class="input-group-addon">设为正确答案</span>
								</div>
					        	<div class="input-group">
								  	<input type="text" class="form-control" placeholder="请输入第四项答案内容">
								  	<span class="input-group-addon">设为正确答案</span>
								</div>
					        </div>
					    </div>
				        <div class="form-group">
					        <label class="col-xs-2 control-label required">答案解析</label>
				        	<div class="col-xs-10">
					            <textarea name='summary' id='summary' rows='2' class='form-control'></textarea>
					            <div class="file-img">
					            	<div><img src="images/up-fileimg.png"></div>
					            	<div class="up-btn"><img src="images/up-btn.png"></div>
					            </div>
					        </div>
				        </div>
				        <div class="form-group form-btn">
				        	<input class="btn btn-danger " type="button" name="" value="提交审核">
				        	<input class="btn" type="button" name="" value="保存到草稿箱">
				        </div>
  					</form>
  				</div>
  			</div>
  		</div>
  	</div>
  	<!--领域选择-->
  	<div class="field-pop">
  		<div class="field-pop-cont">
  			<div class="title">请选择领域<span>（可多选）</span></div>
  			<div class="field-pop-scroll">
  				<div>
  					<div class="col-xs-3">
		  				<p><span>黄金<i class="icon icon-sort-down"></i></span></p>
		  				<ul>
		  					<li>
		  						<div>大宗商品</div>
			  				</li>
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
		  				</ul>
		  			</div>
		  			<div class="col-xs-3">
		  				<p><span>黄金<i class="icon icon-sort-down"></i></span></p>
		  				<ul>
		  					<li>
		  						<div>大宗商品</div>
			  				</li>
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
		  				</ul>
		  			</div>
		  			<div class="col-xs-3">
		  				<p><span>黄金<i class="icon icon-sort-down"></i></span></p>
		  				<ul>
		  					<li>
		  						<div>大宗商品</div>
			  				</li>
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
		  				</ul>
		  			</div>
		  			<div class="col-xs-3">
		  				<p><span>黄金<i class="icon icon-sort-down"></i></span></p>
		  				<ul>
		  					<li>
		  						<div>大宗商品</div>
			  				</li>
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
		  				</ul>
		  			</div>
  				</div>
		  		<div>
  					<div class="col-xs-3">
		  				<p><span>黄金<i class="icon icon-sort-down"></i></span></p>
		  				<ul>
		  					<li>
		  						<div>大宗商品</div>
			  				</li>
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
		  				</ul>
		  			</div>
		  			<div class="col-xs-3">
		  				<p><span>黄金<i class="icon icon-sort-down"></i></span></p>
		  				<ul>
		  					<li>
		  						<div>大宗商品</div>
			  				</li>
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
		  				</ul>
		  			</div>
		  			<div class="col-xs-3">
		  				<p><span>黄金<i class="icon icon-sort-down"></i></span></p>
		  				<ul>
		  					<li>
		  						<div>大宗商品</div>
			  				</li>
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
		  				</ul>
		  			</div>
		  			<div class="col-xs-3">
		  				<p><span>黄金<i class="icon icon-sort-down"></i></span></p>
		  				<ul>
		  					<li>
		  						<div>大宗商品</div>
			  				</li>
			  				<li class="active">
		  						<div>大宗商品</div>
			  				</li>	
		  				</ul>
		  			</div>
  				</div>	
  			</div>
	  		<div class="field-pop-btn">
	  			<input class="btn btn-danger " type="button" name="" value="保存">
				<input class="btn" type="button" name="" value="取消">
	  		</div>	
  		</div>
  	</div>
  	<!--上传题预览-->
  	<div class="preview-pop">
  		<div>
  			<span></span>
	  		<div class="phone-frame">
	  			<div>
	  				<img class="phone-bg" src="images/phone-bg.png">
	  				<div class="subject">
	  					<div class="subject-top">
	  						<span>剩余xx秒</span>
	  					</div>
	  					<div class="subject-cont">
	  						<h4>他该赎回投资的本金吗</h4>
	  						<span>作者：张三</span>
	  						<p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
	  					</div>
	  					<div class="subject-img text-nowrap">
	  						<img src="images/logo.png">
	  						<img src="images/logo.png">
	  						<img src="images/logo.png">
	  						<img src="images/logo.png">
	  						<img src="images/logo.png">
	  					</div>
	  					<div class="subject-ans">
	  						<div class="row active">
		  						<div class="col-xs-2">
									<img src="images/sub-A.png">
								</div>
								<div class="col-xs-10">
									<p>我我我我我我我我我我我我我我我我我我我我我我我我</p>
								</div>
							</div>
	  						<div class="row">
		  						<div class="col-xs-2">
									<img src="images/sub-B.png">
								</div>
								<div class="col-xs-10">
									<p>吧吧吧吧吧吧吧吧吧吧吧吧吧吧</p>
								</div>
							</div>
	  						<div class="row">
		  						<div class="col-xs-2">
									<img src="images/sub-C.png">
								</div>
								<div class="col-xs-10">
									<p>想想想想想想</p>
								</div>
							</div>
	  						<div class="row">
		  						<div class="col-xs-2">
									<img src="images/sub-D.png">
								</div>
								<div class="col-xs-10">
									<p>在在在</p>
								</div>
							</div>
	  					</div>
	  					<div class="subject-cho">
	  						<div class="col-xs-7">已选（A）</div>
	  						<div class="col-xs-5">
	  							<button class="btn btn-danger disabled " type="button">提交答案</button>
	  						</div>
	  					</div>
	  				</div>
	  			</div>
		  		<div>
	  				<img class="phone-bg" src="images/phone-bg.png">
		  			<div class="subject-reslut">
		  				<div class="sub-top">
		  					<div>
		  						<img src="images/sub-success.png">
		  						<div class="row">
		  							<div class="col-xs-6 text-center">
		  								x分xx秒
		  								<p>剩余结算时间</p>	
		  							</div>
		  							<div class="col-xs-6 text-center">
		  								<img src="images/sub-share.png">
		  								<p>分享给好友</p>
		  							</div>
		  						</div>
		  					</div>
		  				</div>
		  				<div class="sub-ans">
		  					<p class="result">正确答案：<strong>D</strong></p>
		  					<div class="row">
		  						<div class="col-xs-2">
		  							<img src="images/sub-error-A.png">
		  						</div>
		  						<div class="col-xs-8">
		  							<p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
		  						</div>
		  					</div>
		  					<div class="row">
		  						<div class="col-xs-2">
		  							<img src="images/sub-error-B.png">
		  						</div>
		  						<div class="col-xs-8">
		  							<p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
		  						</div>
		  					</div>
		  					<div class="row">
		  						<div class="col-xs-2">
		  							<img src="images/sub-error-C.png">
		  						</div>
		  						<div class="col-xs-8">
		  							<p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
		  						</div>
		  					</div>
		  					<div class="row success">
		  						<div class="col-xs-2">
		  							<img src="images/sub-success-D.png">
		  						</div>
		  						<div class="col-xs-8">
		  							<p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
		  						</div>
		  					</div>
		  				</div>
		  				<div class="sub-any">
		  					<h4>专家解析</h4>
		  					<p>作者：xxx</p>
		  					<div class="subject-img text-nowrap">
		  						<img src="images/logo.png">
		  						<img src="images/logo.png">
		  						<img src="images/logo.png">
		  						<img src="images/logo.png">
		  						<img src="images/logo.png">
		  					</div>
		  					<span>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</span>
		  				</div>
		  				<div class="sub-btn">
		  					<button class="btn btn-block disabled "><span>乘胜追击，再来一次</span></button>
		  					<button class="btn btn-block disabled "><span>重新选提</span></button>
		  				</div>
		  				<div class="sub-other">
		  					<p class="line"></p>
		  					<div class="row">
		  						<div class="col-xs-6">
		  							<h4>小沈阳的保证金</h4>
		  							<p class="text-nowrap">
		  								<span>作者：xx</span>
		  								<span>限时：xxx</span>
		  							</p>
		  							<p class="text-nowrap"><span>领域：xxx</span></p>
		  							<p class="text-nowrap">
		  								<span>5元</span>
		  								<span>中级</span>
		  							</p>
		  						</div>
		  						<div class="col-xs-6">
		  							<h4>小沈阳的保证金</h4>
		  							<p class="text-nowrap">
		  								<span>作者：xx</span>
		  								<span>限时：xxx</span>
		  							</p>
		  							<p class="text-nowrap"><span>领域：xxx</span></p>
		  							<p class="text-nowrap">
		  								<span>5元</span>
		  								<span>中级</span>
		  							</p>
		  						</div>
		  						<div class="col-xs-6">
		  							<h4>小沈阳的保证金</h4>
		  							<p class="text-nowrap">
		  								<span>作者：xx</span>
		  								<span>限时：xxx</span>
		  							</p>
		  							<p class="text-nowrap"><span>领域：xxx</span></p>
		  							<p class="text-nowrap">
		  								<span>5元</span>
		  								<span>中级</span>
		  							</p>
		  						</div>
		  						<div class="col-xs-6">
		  							<h4>小沈阳的保证金</h4>
		  							<p class="text-nowrap">
		  								<span>作者：xx</span>
		  								<span>限时：xxx</span>
		  							</p>
		  							<p class="text-nowrap"><span>领域：xxx</span></p>
		  							<p class="text-nowrap">
		  								<span>5元</span>
		  								<span>中级</span>
		  							</p>
		  						</div>
		  						<div class="col-xs-6">
		  							<h4>小沈阳的保证金</h4>
		  							<p class="text-nowrap">
		  								<span>作者：xx</span>
		  								<span>限时：xxx</span>
		  							</p>
		  							<p class="text-nowrap"><span>领域：xxx</span></p>
		  							<p class="text-nowrap">
		  								<span>5元</span>
		  								<span>中级</span>
		  							</p>
		  						</div>
		  					</div>
		  				</div>
		  			</div>
		  		</div>
	  		</div>
	  		<div class="preview-btn">
	  			<button class="btn btn-danger" type="button">确认提交</button>
	  			<button class="btn" type="button">返回修改</button>
	  		</div>
	  	</div>	
  	</div>
</div>
  	



</body>
</html>